<!-- 侧边导航栏模板 -->
<aside class="side-nav">
    <ul>
        <li>
            <a href="index.html">
                <img src="images/home.svg" alt="首页图标">
                <span>首页</span>
            </a>
        </li>
        <li>
            <a href="learning.html">
                <img src="images/book-open-bold.svg" alt="学习图标">
                <span>学习</span>
            </a>
        </li>
        <li>
            <a href="translation.html">
                <img src="images/vector_25_310.svg" alt="翻译图标">
                <span>翻译</span>
            </a>
        </li>
        <li>
            <a href="culture.html">
                <img src="images/globe-bold.svg" alt="文化图标">
                <span>文化</span>
            </a>
        </li>
        <li>
            <a href="map.html">
                <img src="images/vector_25_317.svg" alt="地图图标">
                <span>地图</span>
            </a>
        </li>
        <li>
            <a href="offline-content.html">
                <img src="images/vector_25_324.svg" alt="离线内容图标">
                <span>离线</span>
            </a>
        </li>
        <li>
            <a href="settings.html">
                <img src="images/vector_25_331.svg" alt="设置图标">
                <span>设置</span>
            </a>
        </li>
    </ul>
</aside>